<!DOCTYPE html>
<html>

	<head>

		<meta charset="utf-8" />
		<meta name="Keywords" Content="婚礼包办,婚礼策划，爱情,蜜月,婚礼用品">
		<meta name="Description" Content="为用户提供婚礼策划、婚车租赁、婚纱摄影、蜜月旅行以及周边服务商品的商城，为用户提供一站式解决方案，解决用户在婚礼各个环节中遇到的困难。">
		<link rel="shortcut icon" type="image/x-icon" href="../img/static/shemher.ico" media="screen" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>相合网_高品质婚礼服务</title>
		<link rel="stylesheet" type="text/css" href="../css/mod/base.css" />
		<link rel="stylesheet" type="text/css" href="../css/mod/header.css"/>
		<link rel="stylesheet" type="text/css" href="../css/mod/footer.css"/>
		<link rel="stylesheet" type="text/css" href="../css/page/hotel.css" />
	</head>

	<body>
		<!--S头部-->
		<div class="header">
		</div>
		<!--E头部-->

		<!--S轮播导航-->
		<div class="slider">
			<ul>
			</ul>
		</div>
		<!--E轮播导航-->

		<!--S面包屑导航	-->
		<div class="crumb wrap">
			<a href="" class="mod-info">首页 > </a>
			<a href="" class="mod-info"> 婚礼策划 </a>
		</div>
		<!--E面包屑导航	-->
		<div class="wrap">
			<div class="plan-shift">
				<ul>
					<li class="active"><a href="javascript:void(0);">套餐</a></li>
					<li><a href="plan_list.html">商家</a></li>
				</ul>
			</div>
			<!--S选择框-->
			<div class="select">
				<ul>
					<li class="clearfix">
						<div class="fl select-part-tit"><span class="select-tit">价格:</span></div>
						<div class="fl select-part-wrap">
							<a href="javascript:void(0);" class="select-part select-active">不限</a>
							<a href="javascript:void(0);" class="select-part">1万以下</a>
							<a href="javascript:void(0);" class="select-part">1万-2万</a>
							<a href="javascript:void(0);" class="select-part">2万-3万</a>
							<a href="javascript:void(0);" class="select-part">3万-4万</a>
							<a href="javascript:void(0);" class="select-part">4万-5万</a>
							<a href="javascript:void(0);" class="select-part">5万以上</a>
						</div>
					</li>
					<li class="clearfix">
						<div class="fl select-part-tit">
							<span class="select-tit">风格:</span>
						</div>
						<div class="fl select-part-wrap">
							<a href="javascript:void(0);" class="select-part ">不限</a>
							<a href="javascript:void(0);" class="select-part">韩式精致风</a>
							<a href="javascript:void(0);" class="select-part">唯美森林风</a>
							<a href="javascript:void(0);" class="select-part">重欧奢华风</a>
							<a href="javascript:void(0);" class="select-part">时尚混搭风</a>
							<a href="javascript:void(0);" class="select-part select-active">简约现代风</a>
							<a href="javascript:void(0);" class="select-part">轻欧复古风</a>
							<a href="javascript:void(0);" class="select-part">经典中国风</a>
							<a href="javascript:void(0);" class="select-part">其他</a>
						</div>
					</li>
				</ul>
			</div>
			<div class="rank mod-info clearfix">
				<div class="fl select-part-tit">
					<span class="select-tit">排序:</span>
				</div>
				<div class="fl select-part-wrap">
					<a href="javascript:void(0);" class="select-part">综合</a>
					<a href="javascript:void(0);" class="select-part up">价格</a>
					<a href="javascript:void(0);" class="select-part down">桌数</a>
					<a href="javascript:void(0);" class="select-part active">最新</a>
				</div>
				<div class="fr page-shift">
					<span class="pre-btn"></span>
					<span class="page-nownum">1</span>
					<span class="page-allnum">/ &nbsp;4</span>
					<span class="next-btn"></span>
				</div>
			</div>
			<!--S套餐详情-->
			<div class="palnset-wrap clearfix mt50" id="palnsetwrap">
				<div class="photo-info fl">
					<div class="photo-info-img">
					  <a href="">
						<img src="../img/online/280x300.png" alt="婚纱摄影案例图片" title="婚纱摄影案例图片"/>
					 </a>
					</div>
					<div class="photo-info-txt">
						<h2 class="mod-tit">婚礼主题名字</h2>
						<p class="mod-meta mt10">销量：21 &nbsp; &nbsp; 收藏：48</p>
						<p class="mod-price mt10">&yen;4099</p>
					</div>
				</div>
				<div class="photo-info fl">
					<div class="photo-info-img">
					  <a href="">
						<img src="../img/online/280x300.png" alt="婚纱摄影案例图片" title="婚纱摄影案例图片"/>
					 </a>
					</div>
					<div class="photo-info-txt">
						<h2 class="mod-tit">婚礼主题名字</h2>
						<p class="mod-meta mt10">销量：21 &nbsp; &nbsp; 收藏：48</p>
						<p class="mod-price mt10">&yen;4099</p>
					</div>
				</div>
				<div class="photo-info fl">
					<div class="photo-info-img">
					  <a href="">
						<img src="../img/online/280x300.png" alt="婚纱摄影案例图片" title="婚纱摄影案例图片"/>
					 </a>
					</div>
					<div class="photo-info-txt">
						<h2 class="mod-tit">婚礼主题名字</h2>
						<p class="mod-meta mt10">销量：21 &nbsp; &nbsp; 收藏：48</p>
						<p class="mod-price mt10">&yen;4099</p>
					</div>
				</div>
				<div class="photo-info fl">
					<div class="photo-info-img">
					  <a href="">
						<img src="../img/online/280x300.png" alt="婚纱摄影案例图片" title="婚纱摄影案例图片"/>
					 </a>
					</div>
					<div class="photo-info-txt">
						<h2 class="mod-tit">婚礼主题名字</h2>
						<p class="mod-meta mt10">销量：21 &nbsp; &nbsp; 收藏：48</p>
						<p class="mod-price mt10">&yen;4099</p>
					</div>
				</div>
				<div class="photo-info fl">
					<div class="photo-info-img">
					  <a href="">
						<img src="../img/online/280x300.png" alt="婚纱摄影案例图片" title="婚纱摄影案例图片"/>
					 </a>
					</div>
					<div class="photo-info-txt">
						<h2 class="mod-tit">婚礼主题名字</h2>
						<p class="mod-meta mt10">销量：21 &nbsp; &nbsp; 收藏：48</p>
						<p class="mod-price mt10">&yen;4099</p>
					</div>
				</div>
				<div class="photo-info fl">
					<div class="photo-info-img">
					  <a href="">
						<img src="../img/online/280x300.png" alt="婚纱摄影案例图片" title="婚纱摄影案例图片"/>
					 </a>
					</div>
					<div class="photo-info-txt">
						<h2 class="mod-tit">婚礼主题名字</h2>
						<p class="mod-meta mt10">销量：21 &nbsp; &nbsp; 收藏：48</p>
						<p class="mod-price mt10">&yen;4099</p>
					</div>
				</div>
				<div class="photo-info fl">
					<div class="photo-info-img">
					  <a href="">
						<img src="../img/online/280x300.png" alt="婚纱摄影案例图片" title="婚纱摄影案例图片"/>
					 </a>
					</div>
					<div class="photo-info-txt">
						<h2 class="mod-tit">婚礼主题名字</h2>
						<p class="mod-meta mt10">销量：21 &nbsp; &nbsp; 收藏：48</p>
						<p class="mod-price mt10">&yen;4099</p>
					</div>
				</div>
				<div class="photo-info fl">
					<div class="photo-info-img">
					  <a href="">
						<img src="../img/online/280x300.png" alt="婚纱摄影案例图片" title="婚纱摄影案例图片"/>
					 </a>
					</div>
					<div class="photo-info-txt">
						<h2 class="mod-tit">婚礼主题名字</h2>
						<p class="mod-meta mt10">销量：21 &nbsp; &nbsp; 收藏：48</p>
						<p class="mod-price mt10">&yen;4099</p>
					</div>
				</div>
				<div class="photo-info fl">
					<div class="photo-info-img">
					  <a href="">
						<img src="../img/online/280x300.png" alt="婚纱摄影案例图片" title="婚纱摄影案例图片"/>
					 </a>
					</div>
					<div class="photo-info-txt">
						<h2 class="mod-tit">婚礼主题名字</h2>
						<p class="mod-meta mt10">销量：21 &nbsp; &nbsp; 收藏：48</p>
						<p class="mod-price mt10">&yen;4099</p>
					</div>
				</div>
				<div class="photo-info fl">
					<div class="photo-info-img">
					  <a href="">
						<img src="../img/online/280x300.png" alt="婚纱摄影案例图片" title="婚纱摄影案例图片"/>
					 </a>
					</div>
					<div class="photo-info-txt">
						<h2 class="mod-tit">婚礼主题名字</h2>
						<p class="mod-meta mt10">销量：21 &nbsp; &nbsp; 收藏：48</p>
						<p class="mod-price mt10">&yen;4099</p>
					</div>
				</div>
				<div class="photo-info fl">
					<div class="photo-info-img">
					  <a href="">
						<img src="../img/online/280x300.png" alt="婚纱摄影案例图片" title="婚纱摄影案例图片"/>
					 </a>
					</div>
					<div class="photo-info-txt">
						<h2 class="mod-tit">婚礼主题名字</h2>
						<p class="mod-meta mt10">销量：21 &nbsp; &nbsp; 收藏：48</p>
						<p class="mod-price mt10">&yen;4099</p>
					</div>
				</div>
				<div class="photo-info fl">
					<div class="photo-info-img">
					  <a href="">
						<img src="../img/online/280x300.png" alt="婚纱摄影案例图片" title="婚纱摄影案例图片"/>
					 </a>
					</div>
					<div class="photo-info-txt">
						<h2 class="mod-tit">婚礼主题名字</h2>
						<p class="mod-meta mt10">销量：21 &nbsp; &nbsp; 收藏：48</p>
						<p class="mod-price mt10">&yen;4099</p>
					</div>
				</div>
			</div>
			<!--E商家策划列表-->

			<!--S页数-->
			<div class="page-wrap mt60 tc">
				<span class="pre-btn first-btn"></span>
				<span class="pre-btn opre-btn"></span>
				<span class="page-btn-wrap">
				<span class="page-btn active">1</span>
				<span class="page-btn">2</span>
				<span class="page-btn">3</span>
				<span class="page-btn">4</span>
				</span>
				<span class="next-btn onext-btn"></span>
				<span class="next-btn last-btn"></span>
				<span class="gopage-wrap">
					<input type="text" name="gopage" id="gopage" value="" /><span class="page-btn go">GO</span>
				</span>
			</div>
			<!--E页数-->
			
		</div>
		<!--E选择框-->
		</div>
		<!--脚部部分-->
		<div class="footer mt100">
	
		</div>
		<!--脚部部分-->
			<script src="../js/mod/jquery-1.9.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mod/mod.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mod/page.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mod/pageActive.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mod/artTemplate.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			/*数据商家筛选框*/
		myAjax("xhwed.php/Plan/packageScreen",planScreen ) ;
		function planScreen(data){
			var  data = JSON.parse(data);
			//console.log(data);
			drawSelect(data.result);
		 }
        listAjax("xhwed.php/Plan/packageList",planList,1);
         /*渲染list列表*/
		function listAjax(ajaxUrl,drawMethod,postPage,postJson){
			 $.ajax({
				type:"post",
				url:serviceIP+ajaxUrl+"/p/"+postPage,
				dataType:"json",
				data:postJson,
				async:true,
				success:drawMethod
			});
		}
		  /*渲染商家列表的函数*/
		 function planList(data){
		 	if(data.result.totalPages!="0"){
		 	  // console.log(data);
		        var html = template('palnsetJs', data.result);
		        document.getElementById('palnsetwrap').innerHTML = html;
				
				/*渲染页数*/
				 PAGE.maxPage=parseInt(data.result.totalPages);
				 PAGE.activePage=parseInt(data.result.nowPage);
				 PAGE.showPage=PAGE.maxPage<5?PAGE.maxPage:5;
				 PAGE.init();
				 /*渲染小分页*/
				 drawPageShift(parseInt(data.result.nowPage),parseInt(data.result.totalPages));
			 }else(alert("没有符合筛选的条件"))
		 }
		 
		 $(".select,.rank,.page-wrap").click(function(){
		 	listAjax("xhwed.php/Photography/packageList",planList,PAGE.activePage,getSelectJson());
		 });
		</script>
		<script type="text/html" id="palnsetJs">
		{{each packagelist as item index}}
			<div class="photo-info fl">
				<div class="photo-info-img">
				  <a href="javascript:void(0);">
					<img src="{{item.pic}}" alt="婚纱摄影案例图片" title="婚纱摄影案例图片"/>
				 </a>
				</div>
				<div class="photo-info-txt">
					<h2 class="mod-tit">{{item.title}}</h2>
					<p class="mod-meta mt10">销量：{{item.sell_num}} &nbsp; &nbsp; 收藏：{{item.collection_num}}</p>
					<p class="mod-price mt10">&yen;{{item.shemher_price}}</p>
				</div>
			</div>
		{{/each}}
		</script>
	</body>

</html>